<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>首页 18001010715 蒙晓彬</title>
  <!-- 18001010715 蒙晓彬 -->
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/swiper-bundle.min.css">
  <script src="js/swiper-bundle.min.js"></script>
</head>

<body>
  <header class="dzlab_header">
    <img class="cbl" onclick="showCbl()" src="images/meau.svg" alt="" style="height:32px">
    <img src="images/logo-white.png" alt="Keylol Logo" style="height:32px">
    <a href="search.html" style="height:32px">
      <img src="images/right.png" alt="" style="height:32px">
    </a>
  </header>
  <main class="dzlab_main">
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <img src="images/slide1.png" alt="">
        </div>
        <div class="swiper-slide"><img src="images/slide2.png" alt=""></div>
        <div class="swiper-slide"><img src="images/slide3.jpg" alt=""></div>
        <div class="swiper-slide"><img src="images/slide4.jpg" alt=""></div>
        <div class="swiper-slide"><img src="images/slide5.jpg" alt=""></div>
        <div class="swiper-slide"><img src="images/slide6.jpg" alt=""></div>
      </div>
      <div class="swiper-pagination"></div>
      <!--分页器。如果放置在swiper-container外面，需要自定义样式。-->
    </div>
    <div class="tjbk1 cl">
      <ul>
        <li><a href="javascript:;" style="color:#41c2fc">热点聚焦<p>
              热门话题讨论
            </p>
            <img src="images/f161.png" alt="热点聚焦"></a></li>
        <li><a href="javascript:;" style="color:#99db5e">福利放送<p>
              免费领取游戏
            </p>
            <img src="images/f319.png" alt="福利放送"></a></li>
        <li><a href="javascript:;" style="color:#f60">购物心得<p>
              购物经验和优惠
            </p>
            <img src="images/f234.png" alt="购物心得"></a></li>
        <li><a href="javascript:;" style="color:#fcad30">慈善包<p>
              物美价廉游戏集合</p>
            <img src="images/f271.png" alt="慈善包"></a></li>
      </ul>
    </div>
    <div class="toutiao">
      <ul>
        <li class="t1">
          <h1><a href="javascript:;">毕业论文数据问卷调查求帮忙填写</a></h1>
          <summary>
            各位大佬们好，我朋友毕业论文需要收集一些问卷（最后需要选择大一大二大三大四看心情选就好），烦请坛子里有时间有意愿的朋友们
          </summary>
        </li>
        <li><a href="javascript:;"><span>[综合讨论]</span>CD
            Projekt Red宣布《赛博朋克2077》项目已实现盈利</a><em>19&nbsp;小时前</em></li>
        <li><a href="javascript:;"><span>[福利放送]</span>限时免费领取 Dungeons 3 - Original Soundtrack
            Stea</a><em>12&nbsp;小时前</em></li>
        <li><a href="javascript:;"><span>[综合讨论]</span>发现了个疑似希里的彩蛋</a><em>4&nbsp;小时前</em></li>
        <li><a href="javascript:;"><span>[综合讨论]</span>《赛博朋克
            2077》新补丁1.04现已在 PC 和 PlayStatio</a><em>16&nbsp;小时前</em></li>
        <li><a href="javascript:;"><span>[谈天说地]</span>360真是越来越会玩了</a><em>8&nbsp;小时前</em></li>
        <li><a href="javascript:;"><span>[综合讨论]</span>赛博朋克2077：学会刷钱，开局拿传奇皮下装甲</a><em>20&nbsp;小时前</em></li>
        <li><a href="javascript:;"><span>[谈天说地]</span>一夜暴富的感觉太爽了</a><em>10&nbsp;小时前</em></li>
        <li><a href="javascript:;"><span>[游戏互鉴]</span>草猫4——一份热了三次的速食泡面</a><em>20&nbsp;小时前</em></li>
        <li><a href="javascript:;"><span>[综合讨论]</span>《赛博朋克2077》玩家评分简单汇总</a><em>8&nbsp;小时前</em></li>
        <li><a href="javascript:;"><span>[热点聚焦]</span>
            <span style="color: #2897C5;">【2020-12-12】新闻汇总：顽皮狗晒图再致谢TGA:《最后</span>
          </a><em>7&nbsp;小时前</em></li>
        <li><a href="javascript:;"><span>[福利放送]</span>免費領守望先鋒(Overwatch Origins
            Edition)</a><em>15&nbsp;小时前</em></li>
        <li><a href="javascript:;"><span>[福利放送]</span>gamehag免费领取随机游戏</a><em>昨天&nbsp;23:03</em></li>
        <li><a href="javascript:;"><span>[谈天说地]</span>噫，好，我又又又中了
            （蒸汽领完了）</a><em>10&nbsp;小时前</em></li>
        <li><a href="javascript:;"><span>[福利放送]</span>giveaway免费领取随机游戏</a><em>昨天&nbsp;23:44</em></li>
      </ul>
    </div>
    <div class="jjthread">
      <div class="jjtitle">
        最新主题
        <a href="javascript:;" class="y"></a>
      </div>
      <ul class="new-zt" style="padding-left: 0;!important">

      </ul>

    </div>
    <div class="jjthread">
      <div class="jjtitle">最新回复
        <a href="javascript:;" class="y"></a>
      </div>
      <ul>
        <li><i>01</i><a href="javascript:;">Epic
            限免游戏预警【12月11日新增《暗黑地牢》《林中之夜》等，疑似圣诞派送游戏】</a><em>2020-08-07</em></li>
        <li><i>02</i><a href="javascript:;">360真是越来越会玩了</a><em>8&nbsp;小时前</em></li>
        <li><i>03</i><a href="javascript:;">波兰”蠢”驴，可一点都不蠢</a><em>7&nbsp;分钟前</em></li>
        <li><i>04</i><a href="javascript:;">突然想到一个关于二手盘的问题</a><em>4&nbsp;小时前</em></li>
        <li><i>05</i><a href="javascript:;">【多图】summer
            pockets相关色纸开箱</a><em>3&nbsp;小时前</em></li>
        <li><i>06</i><a href="javascript:;">Lootboy1212
            鑽石代碼-2</a><em>1&nbsp;小时前</em></li>
        <li><i>07</i><a href="javascript:;">白嫖5元天猫超市卡</a><em>2&nbsp;小时前</em></li>
        <li><i>08</i><a href="javascript:;">太可怕了，今天居然连中3个</a><em>2&nbsp;小时前</em></li>
        <li><i>09</i><a href="javascript:;">[12/12]
            lootboy 钻石+金币代码</a><em>1&nbsp;小时前</em></li>
        <li><i>10</i><a href="javascript:;">比较好奇大家2077都选了啥开局</a><em>昨天&nbsp;15:13</em>
        </li>
        <li><i>11</i><a href="javascript:;">《赛博朋克
            2077》新补丁1.04现已在 PC 和 PlayStation 平台推出，Xbox平台也会尽快推出</a><em>16&nbsp;小时前</em></li>
        <li><i>12</i><a href="javascript:;">【愿望单ROLL码】怀旧武侠！《锋芒录》12月19日Steam发售</a><em>昨天&nbsp;11:41</em></li>
        <li><i>13</i><a href="javascript:;">gamehag免费领取随机游戏</a><em>昨天&nbsp;23:03</em></li>
        <li><i>14</i><a href="javascript:;">giveaway免费领取随机游戏</a><em>昨天&nbsp;23:44</em>
        </li>
        <li><i>15</i><a href="javascript:;">发现了个疑似希里的彩蛋</a><em>4&nbsp;小时前</em></li>
      </ul>
    </div>
    <div class="tjbk2 cl">
      <div class="hd">
        <ul>
          <li class="on">1</li>
        </ul>
      </div>
      <div class="tempWrap" style="overflow:hidden; position:relative;">
        <div class="tempWrap" style="overflow:hidden; position:relative;">
          <div class="tjbk bd">
            <ul class="di-ul" style="vertical-align: top;">
              <li><a href="javascript:;">
                  <img src="images/f161.png" alt="热点聚焦">
                  <p>热点聚焦</p>
                </a></li>
              <li><a href="javascript:;">
                  <img src="images/f127.png" alt="平台工具">
                  <p>平台工具</p>
                </a></li>
              <li><a href="javascript:;">
                  <img src="images/f257.png" alt="华语汉化">
                  <p>华语汉化</p>
                </a></li>
              <li><a href="javascript:;">
                  <img src="images/f129.png" alt="游戏互鉴">
                  <p>游戏互鉴</p>
                </a></li>
              <li><a href="javascript:;">
                  <img src="images/f319.png" alt="福利放送">
                  <p>福利放送</p>
                </a></li>
              <li><a href="javascript:;">
                  <img src="images/f234.png" alt="购物心得">
                  <p>购物心得</p>
                </a></li>
              <li><a href="javascript:;">
                  <img src="images/f271.png" alt="慈善包">
                  <p>慈善包</p>
                </a></li>
              <li><a href="javascript:;">
                  <img src="images/f201.png" alt="交易中心">
                  <p>交易中心</p>
                </a></li>
              <li><a href="javascript:;">
                  <img src="images/f251.png" alt="综合讨论">
                  <p>综合讨论</p>
                </a></li>
              <li><a href="javascript:;">
                  <img src="images/f148.png" alt="谈天说地">
                  <p>谈天说地</p>
                </a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <footer class="footer">
      <p style="margin-top: 5px;">PE: 0.089503s, QE: 8, Redis On</p>
      <p style="margin-top: 0.3125rem;">Production By 蒙晓彬 18001010715</p>
      <p><a href="javascript:;" rel="noopener">粤ICP备17068105号-2</a></p>
    </footer>
  </main>
  <nav class="dzlab_footer">
    <a href="javascript:;" class="tab_btn on">
      <img src="images/db1.png" alt=""><br>聚焦</a>
    <a href="javascript:;" class="tab_btn">
      <img src="images/db2.png" alt="">
      <br>导读</a>
    <a href="javascript:;" title="发表新主题">
      <div class="btn_edit"></div>
    </a>
    <a href="forum.html" class="tab_btn">
      <img src="images/db4.png" alt="">
      <br>论坛</a>
    <a href="my.html" class="tab_btn">
      <img src="images/db5.png" alt="">
      <br>我的</a>
  </nav>
  <div id="menu_bg" class="menu_bg" onclick="hideCbl()"></div>
  <nav id="dzlab_menu" class="dzlab_menu" style="left: 0px;">
    <div id="menu_main" class="menu_main">
      <div id="menu_top" class="menu_top">
        <div id="menu_user" class="menu_user cl">
          <a href="javascript:;" class="menu_avatar" title="进入我的资料"><img src="images/wh.gif"></a>
          <div class="user_control">
            <p>欢迎来到其乐~</p>
            <p>
              <a href="javascript:;" class="ubtn">登录</a>
              <a href="javascript:;" class="ubtn">注册</a>
            </p>
          </div>
        </div>
        <div id="dzlab_waves" class="dzlab_waves">
          <div class="wave1"></div>
          <div class="wave2"></div>
        </div>
      </div>
      <div id="menu_menu" class="menu_menu cl">
        <ul>
          <li><a href="javascript:;">
              <img src="images/cbl1.png" alt="">
              <br>提醒</a></li>
          <li><a href="javascript:;">
              <img src="images/cbl2.png" alt="">
              <br>消息</a>
          </li>
          <li><a href="javascript:;">
              <img src="images/cbl3.png" alt="">
              <br>空间</a></li>
          <li><a href="javascript:;">
              <img src="images/cbl4.png" alt="">
              <br>设置</a></li>
        </ul>
      </div>
      <div id="menu_dh" class="menu_dh">
        <ul>
          <li><a href="javascript:;">网站聚焦</a> <span>>></span></li>
          <li><a href="javascript:;">版块列表</a> <span>>></span></li>
          <li><a href="javascript:;">帖子导读</a> <span>>></span></li>
          <li><a href="javascript:;">网站公告</a> <span>>></span></li>
          <li><a href="tag.html">TAG标签</a> <span>>></span></li>
          <li><a href="javascript:;">个人设置</a> <span>>></span></li>
          <li><a href="javascript:;">切换配色<span style="span-size: 75%;margin-left: 1em;opacity: 50%;">测试版
                点此反馈</a><span>>></span></li>
          <li><a href="javascript:;">换电脑版</a> <span>>></span></li>
        </ul>
      </div>
    </div>
  </nav>

  <script>
    function showCbl() {
      var obj1 = document.getElementsByClassName('dzlab_menu');
      obj1[0].classList.add("showCbl");
      var obj2 = document.getElementsByClassName('menu_bg');
      obj2[0].classList.add("cbl-bg");
    }

    function hideCbl() {
      var obj1 = document.getElementsByClassName('dzlab_menu');
      obj1[0].classList.remove("showCbl");
      var obj2 = document.getElementsByClassName('menu_bg');
      obj2[0].classList.remove("cbl-bg");
    }
    var mySwiper = new Swiper('.swiper-container', {
      autoplay: true, //可选选项，自动滑动
      pagination: {
        el: '.swiper-pagination',
      },
    })
    // json
    var Data = [{
      "num": "01",
      "text": "2020年The Game Awards游戏大奖获奖名单和情报【《TLOU2》年度最佳加6杀】",
      "time": '2020-03-19'
    }, {
      "num": "02",
      "text": "波兰”蠢”驴，可一点都不蠢",
      "time": '2020-03-22'
    }, {
      "num": "03",
      "text": "分享一个 Sharex自用api (百度开发者论坛,图片限制大小4M",
      "time": '2020-03-22'
    }, {
      "num": "04",
      "text": "2007做任务遇到捕鼠器了",
      "time": '2020-03-22'
    }, {
      "num": "05",
      "text": "Eternal运行后黑屏闪退，无法运行的某种解决方案",
      "time": '2020-03-22'
    }, {
      "num": "06",
      "text": "餐瘾地城》隐藏食谱与武器（格式待完善）",
      "time": '2020-03-22'
    }, {
      "num": "07",
      "text": "求推荐1000以下的半入耳式蓝牙耳机/耳塞配我的小米10U",
      "time": '2020-03-22'
    }, {
      "num": "08",
      "text": "简单开箱小新pro14核显版",
      "time": '2020-03-22'
    }, {
      "num": "09",
      "text": "【多图】summerpockets相关色纸开箱",
      "time": '2020-03-22'
    }, {
      "num": "10",
      "text": "【剧透警告】强尼银手这个名字是真名还是化名？",
      "time": '2020-03-22'
    }, ]

    var list = document.querySelector(".new-zt");
    for (let i = 0; i < Data.length; i++) {
      let li = document.createElement("li");
      li.innerHTML = `<i>${Data[i].num}</i> <a href="javascript:;">
        <span style="span-weight: 900;color: #0099CC;">${Data[i].text}</span></a>
        <em>${Data[i].time}</em>
        `
      list.appendChild(li);
    }
  </script>
  </script>
</body>

</html>